<!--
 * @Author: lisong
 * @Date: 2023-04-17 16:22:20
 * @LastEditors: g05047
 * @LastEditTime: 2024-08-15 09:27:08
 * @Description: 专项评审申报记录表格
-->
<template>
  <rk-grid ref="tableRef"
    :="tableAttrs"
    :columns="tableColumns">
  </rk-grid>
</template>

<script setup name="FromSlotSbjlTable">
import { ref, reactive } from 'vue';
import { formSlotProps } from '@/components/designer/cfg/rk-form-pojo.js'
const routeQuery = useRoute().query
// 向上触发的方法
const emits = defineEmits(['setFormItemValue']);

// 属性定义
const props = defineProps({
  // 组件的名称，用于组织插槽数据，提供给表单设计器以及渲染器（必须定义）
  title: { type: String, default: '项目申报记录' },
  // 通用属性
  ...formSlotProps,
});

let dataUrl = computed(() => {
  // TODO 四川环境特殊处理
  if (routeQuery.yhsMode && routeQuery.yhsMode === 'ad51') {
    return '/resApply/ad51/historyListFirst'
  } else {
    return '/resApply/ad51/historyList'
  }
})
// 表格Ref对象
const tableRef = ref(null)
// 表格属性配置
const tableAttrs = reactive({
  title: props.title,
  params: {
    proId: props.formData.proId,
    applyId: props.formData.applyId
  },
  dataUrl:dataUrl.value,
  boxConfig: false,
  seqConfig: true,
  pagerConfig: false,
  toolbarConfig: { refresh: false },
})
// 表格的数据字段
const tableColumns = ref([
  { field: 'agencyName', title: '申报单位', width: 250, align: 'left' },
  { field: 'proName', title: '项目名称', width: 310, align: 'left' },
  { field: 'proCode', title: '项目编码', width: 150, align: 'left' },
  { field: 'fiscalYear', title: '年度', width: 100, align: 'left' },
  { field: 'bondTypeName', title: '申请类型', width: 100, align: 'left' },
  { field: 'applyAmt', title: '申请金额(万元)', width: 150, align: 'center', formatter: 'formatThousand' },
  { field: 'applyDate', title: '申报日期', width: 120, align: 'left' },
  { field: 'setupYear', title: '立项年度', width: 100, align: 'left' },
  { field: 'proTypeName', title: '项目类型', width: 150, align: 'left' },
  { field: 'totalBudget', title: '项目总概算(万元)', width: 150, align: 'left', formatter: 'formatThousand' },
  { field: 'startDate', title: '开工日期', width: 150, align: 'left' },
  { field: 'endDate', title: '竣工日期', width: 150, align: 'left' },
  { field: 'proStatusName', title: '建设状态', width: 150, align: 'left' },
  // { field: 'Field2', title: '上报审核意见', width: 150, align: 'left' },
  // { field: 'Field3', title: '状态', width: 150, align: 'left' },
  // { field: 'Field4', title: '备注', width: 150, align: 'left' },
]);


// ----- 获取组件数据
/**
 * 获取投资计划数据的方法，暴露给表单调用，固定名称getCompData
 */
const getCompData = function () {
  const { fullData } = tableRef.value.getTableData();
  return {
    reviewApply_data: JSON.parse(JSON.stringify(fullData)),
  };
};

defineExpose({
  // getCompDataß
});

</script>

<style lang="scss" scoped>
:deep(.gs-cell-bg) {
	background-color: #e6e6e6;
}
</style>
